<p class="tip"><b>该组件涉及网络请求！</b>正常运行该组件需要执行终端命令 yarn api ！</p>

<p>页码：{{params.page}}，请求页面容量：{{params.size}}</p>
<button (click)="getNetwork()" class="buttons">进行网络请求</button>
<button (click)="getSwitchMapData()" class="buttons">使用SwitchMap进行网络请求</button>
<button (click)="changePage()" class="buttons">修改参数页码+1</button>
<button (click)="resetPage()" class="buttons">重置页码</button>
<div style="margin-top: 20px;">
  <p>
    这里的网络请求通过延时函数模拟网络请求返回因延时无法保证请求顺序的场景。使用 switchMap 进行网络请求的话，新发送的请求会取消之前发送未返回的请求。
  </p>
  <p>延迟时间{{delayTime}}</p>
  <p>{{listOfData && listOfData[0] && listOfData[0].name ? listOfData[0].name : undefined}}</p>
</div>
